body{
    margin: auto;
    width: 1024px;
}

header{
    border-bottom: 2px solid black;
}

article{
    display: none;
    width: 100%;
}
article div{
    text-align: center;
}
article p{
    padding-top: 10px;
    margin: 0px;
}
section{
    float: left;
    width: 69%;
    font-size: 1em;
    min-height: 600px;
}
section p{
    border-bottom: 1px dotted #c9daff;
    width: 100%;
}
#posPrimero{
    float: left;
    width: 31%;
    margin-left: 1%;
    border: 1px solid gold;    
    border-bottom: 20px solid gold;
}
#posSegundo{
    background-repeat: no-repeat;
    padding-top: 10px;
    float: left;
    width: 31%;
    border: 1px solid silver;        
    border-bottom: 10px solid silver;
}
#posTercero{
    padding-top: 15px;
    float: left;
    width: 31%;
    margin-left: 1%;
    border: 1px solid #CD7F32;        
    border-bottom: 5px solid  #CD7F32;
}

aside{
    float: right;
    width: 29%;
}

aside div{
    border-bottom: 1px solid lightskyblue;
    width: 99%;
    height: 2em;
    padding-top: 4%;
    padding-left: 4%;
    border-radius: 5px;
}

aside div:hover{
    border-bottom: 1px solid #555;
    background-color: lightblue;
    width: 99%;
    height: 2em;
    cursor: pointer;
    border-radius: 5px;
    text-transform: uppercase;
}
.activo{
    background-color: #ddd;
}

#medallero{
    font-size: 1.1em;
    width: 100%;
    text-align: center;
}
#medallero table{
    width: 100%;
}

footer{
    text-align: center;
    width: 100%;
    clear: both;
    border: 2px solid #ddd;
    border-radius: 10px;    
}
